form {
    display: inline;
}

img {
    vertical-align: middle;
    border: 0px;
}

body {
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
    color: #000000;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1%;
    background-color: #FFFFFF;
}

table {
    border-top: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 1px;
    border-color: #999999;
    border-style: solid;
}

table.borderless {
    border-style: none;
}

th {
    font-weight: bold;
    color: #555555;
    background-color: #E0E0E0;
    white-space: nowrap;
}

tr, td {
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
    color: #000000;
}

a:link, a:visited, a:active {
    text-decoration: none;
    color: #555555;
}

a:hover {
    text-decoration: underline;
    color: #EC8500;
}

th a:link, th a:visited, th a:active {
    text-decoration: none;
    color: #555555;
    font-weight: bold;
}

th a:hover {
    text-decoration: underline;
    color: #EC8500;
    font-weight: bold;
}

th.smalltitle {
    font-weight: bold;
    color: #555555;
    background-color: #E0E0E0;
    white-space: nowrap;
    font-size: 10px;
}

th.smalltitle a:link, th.smalltitle a:visited, th.smalltitle a:active {
    text-decoration: none;
    color: #555555;
    font-weight: bold;
    font-size: 10px;
}

th.smalltitle a:hover {
    color: #EC8500;
    font-weight: bold;
    font-size: 10px;
    text-decoration: underline;
}

th.footer {
    color: #555555;
    text-align: right;
    background-color: #E0E0E0;
    white-space: nowrap;
    font-weight: normal;
}

th.footer a:link, th.footer a:visited, th.footer a:active {
    color: #555555;
    text-decoration: none;
    font-weight: normal;
}

th.footer a:hover {
    color: #EC8500;
    text-decoration: underline;
    font-weight: normal;
}

.row1 {
    background-color: #F2F2F2;
}

.row2 {
    background-color: #FAFAFA;
}

.quote1 {
    background-color: #FAFAFA;
    font-size: 11px;
    line-height: 125%;
}

.quote2 {
    background-color: #F2F2F2;
    font-size: 11px;
    line-height: 125%;
}

.positive {
    color: #008800;
}

.negative {
    color: #F80000;
}

.neutral  {
    color: #000000;
}

.maintitle {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.subtitle  {
    font-size: 12px;
    color: #000000;

.menu {
    font-size: 10px;
    color: #000000;
}

.menu a:link, .menu a:active, .menu a:visited {
    text-decoration: none;
    font-size: 10px;
    color: #000000;
}

.menu a:hover {
    text-decoration: underline;
    font-size: 10px;
    color: #EC8500;
}

.small {
    font-size: 10px;
}

.copy {
    font-size: 10px;
    color: #000000;
}

.copy a:link, .copy a:active, .copy a:visited {
    font-size: 10px;
    color: #000000;
}

.copy a:hover {
    font-size: 10px;
    color: #EC8500;
}

.input {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    color: #000000;
    background-color: #D1D1D1; 
    border-top: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 1px;
    border-color: #000000;
    border-style: solid;
}

input.helpline1 {
    background-color: #F2F2F2;
    border-style: none;
}

input.helpline2 {
    background-color: #FAFAFA;
    border-style: none;
}

input.mainoption {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    font-weight: bold;
    color: #555555;
    background-color: #E0E0E0;
    border-top: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 1px;
    border-color: #555555;
    border-style: solid;
}

input.liteoption {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    font-weight: normal;
    color: #555555;
    background-color: #E0E0E0;
    border-top: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 1px;
    border-color: #555555;
    border-style: solid;
}

/* Colour code names by class colour - this requires a mod to eqdkp that adds a css class to name entries */
a.wowclass_Mage { color: blue; }
a.wowclass_Priest { color: white; }
a.wowclass_Hunter { color: green; }
a.wowclass_Paladin { color: pink; }
a.wowclass_Shaman { color: pink; }
a.wowclass_Rouge { color: yellow; }
a.wowclass_Warrior { color: brown; }
a.wowclass_Warlock { color: purple; }

